<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="p" uri="/WEB-INF/tld/page.tld" %>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>特自由</title>
<link href="${basePath }/css/reset.css" rel="stylesheet" type="text/css">
<link href="${basePath }/css/header.css" rel="stylesheet" type="text/css">
<link href="${basePath }/css/layout.css" rel="stylesheet" type="text/css">
<link href="${basePath }/css/arderticket.css" rel="stylesheet" type="text/css">
<script src="${basePath }/js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="${basePath }/js/header.js" type="text/javascript"></script>
<script src="${basePath }/js/index.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function() {
		
	})
	
	function turnpage(i) {
		$("#commentPageDiv").load("${basePath}/ticket/commentPage/${sid}-"+i);
	}
	
	function submitComment() {
		var vcode = $("#commentForm").find("input[name='vcode']");
		if(vcode==null||vcode=="") {
			alert("请输入验证码！！");
			return;
		}
		$.ajax({
			url:"${basePath}/ticket/submitComment",
			type:"post",
			data:$("#commentForm").serialize(),
			dataType:"json"
		}).done(function(data) {
			if(data.isSuccess) {
				$("#commentForm").find("textarea input select").val("");
				$("#commentPageDiv").load("${basePath}/ticket/commentPage/${sid}-1");
			}
		})
	}
</script>
</head>

<body>
<!--顶部-->
<div id="Theader" class="details">
</div>


<div class="clear"></div>
<!--主要内容-->	
<div class="clear"></div>
<div class="mainBody main details">
	<div class="Tnav" style="border:0">
    	<a href="#">首页</a>>
    	<a href="#">景点门票</a>>
    	<a href="#">北京景点门票</a>>
    	<a href="#">朝阳景点门票</a>>
    	<a href="#">津城静园门票</a>
    </div>
	<div class="Ldetails fl">
    	<div class="goods">
        	<div class="Lgoods fl">
            	<div class="window">
                	<img src="${basePath }/images/arderticket/goods1.png">
                	<img src="${basePath }/images/arderticket/goods2.png">
                	<img src="${basePath }/images/arderticket/goods3.png">
                	<img src="${basePath }/images/arderticket/goods4.png">
                	<img src="${basePath }/images/arderticket/goods3.png">
                	<img src="${basePath }/images/arderticket/goods4.png">
                </div>
                <div class="nav">
                	<span class="Lbtn"><</span>
                    <div class="ul">
                        <ul>
                            <li><img src="${basePath }/images/arderticket/goods1.png"><em></em></li>
                            <li><img src="${basePath }/images/arderticket/goods2.png"><em></em></li>
                            <li><img src="${basePath }/images/arderticket/goods3.png"><em></em></li>
                            <li><img src="${basePath }/images/arderticket/goods4.png"><em></em></li>
                            <li><img src="${basePath }/images/arderticket/goods3.png"><em></em></li>
                            <li><img src="${basePath }/images/arderticket/goods4.png"><em></em></li>
                        	<li></li>
                        	<li></li>
                        	<li></li>
                        	<li></li>
                        	<li></li>
                        </ul>
                    </div>
                    <span class="RLbtn">></span>
                </div>
            </div>
            <div class="Rgoods fr">
                    <h4>${ss.name }<em>${ss.levelDict.Descripiton }</em></h4>
                    <h5>满意度：<span></span></h5><!--这里通过改变span的宽度来显示小星星的数量, 一个小星星的宽度是14px -->
                    <h6><em>开放时间：${ss.open_time }-${ss.close_time }</em>
                    	<i>最佳出游时间：${ss.best_travel_time }</i></h6>
                    <h6>地址：${ss.sce_address }</h6>
                    <br/>
                    <div class="money">
                    	现价：<span><b>￥${ost.sale_price }</b>元起</span>
                        <del>市场价：${t.list_price }元</del>
                    </div>
                    <form>
                        <input type="button" value="立即购买">
                        <input type="button" value="添加到购物车" class="btn2 fr">
                    </form>
                    <div class="cmt">
                    	<h3>网友coolchengfeng评论：<span class="fr"></span></h3>
                        <p>院子不大，桑曾别墅，房间别致，院子里的喷泉很漂亮漂漂亮漂漂亮漂漂亮漂亮哈。</p>
                        <h6>2014.03.23  11:30</h6>
                    </div>
            </div>
            
        </div>
        <div class="clear"></div>
        <div class="content content2">
        	<div class="nav">
            	<ul>
                	<li class="hover">门票预订</li>
                	<li>猜你喜欢</li>
                </ul>
            </div>
            <div class="con">
                <div class="mpyd">
                	<table>
                    	<tr class="title">
                        	<th>门票名称</th>
                        	<th>官方价格</th>
                        	<th>特自由价格</th>
                        	<th>支付方式</th>
                        	<th>订票</th>
                        </tr>
                        <tr>
                        	<td>天津方特欢乐世界儿童门票，儿童可享受特惠票</td>
                        	<td><del>￥210元</del></td>
                        	<td><em>￥200元<span>9.5折</span></em></td>
                        	<td>网上支付</td>
                        	<td>
                                <input type="image" src="${basePath }/images/arderticket/btn_03.png">
                                <input type="image" src="${basePath }/images/arderticket/btn_05.png">
                            </td>
                        </tr>
                        <tr>
                        	<td>天津方特欢乐世界儿童门票，儿童可享受特惠票</td>
                        	<td><del>￥210元</del></td>
                        	<td><em>￥200元<span>9.5折</span></em></td>
                        	<td>网上支付</td>
                        	<td>
                                <input type="image" src="${basePath }/images/arderticket/btn_03.png">
                                <input type="image" src="${basePath }/images/arderticket/btn_05.png">
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="mpyd" style="display:none;">
                	<table>
                    	<tr class="title">
                        	<th>门票名称</th>
                        	<th>官方价格</th>
                        	<th>特自由价格</th>
                        	<th>支付方式</th>
                        	<th>订票</th>
                        </tr>
                        <tr>
                        	<td>天津方特欢乐世界儿童门票，儿童可享受特惠票</td>
                        	<td><del>￥210元</del></td>
                        	<td><em>￥200元<span>9.5折</span></em></td>
                        	<td>网上支付</td>
                        	<td>
                                <input type="image" src="${basePath }/images/arderticket/btn_03.png">
                                <input type="image" src="${basePath }/images/arderticket/btn_05.png">
                            </td>
                        </tr>
                        <tr>
                        	<td>天津方特欢乐世界儿童门票，儿童可享受特惠票</td>
                        	<td><del>￥210元</del></td>
                        	<td><em>￥200元<span>9.5折</span></em></td>
                        	<td>网上支付</td>
                        	<td>
                                <input type="image" src="${basePath }/images/arderticket/btn_03.png">
                                <input type="image" src="${basePath }/images/arderticket/btn_05.png">
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="content">
        	<div class="nav">
            	<ul>
                	<li class="hover">景点介绍</li>
                	<li>预订须知</li>
                	<li>交通信息</li>
                	<li>游客点评<span>58</span></li>
                </ul>
            </div>
            <div class="con">
                <div class="jdjs">
                	<div class="jdjshtml">${ss.description }</div>
                	<div class="ydxzhtml"></div>
                	<div class="jtxxhtml"></div>
                	<div class="ykdphtml"></div>
                </div>
                <div class="ydxz">
                    
                </div>
                <div class="jtxx">
                    ${ss.transportation_info }
                </div>
                <div class="ykdp">
                    <div id="commentPageDiv">
                    	<jsp:include page="commentPage.jsp"/>
                    </div>
                    <div class="comment">
                    	<h4><span>我要评论</span>以下内容均为必填</h4>
                    	<form id="commentForm">
                        <ol>
                        	<li style=" height:28px;">
                            	<span>满意度：
                            		<select name="dict_star_id">
	                            		<c:forEach items="${starList }" var="star">
	                                		<option value="${star.DictionaryId }">${star.Descripiton }</option>
	                                	</c:forEach>
                                	</select>
                                </span>
                            	<span>景区服务：
                                	<select name="dict_service_id">
                                		<c:forEach items="${serviceList }" var="service">
	                                		<option value="${service.DictionaryId }">${service.Descripiton }</option>
	                                	</c:forEach>
                                	</select>
                                </span>
                            	<span>景区交通：
                                	<select name="dict_traffic_id">
                                		<c:forEach items="${trafficList }" var="traffic">
	                                		<option value="${traffic.DictionaryId }">${traffic.Descripiton }</option>
	                                	</c:forEach>
                                	</select>
                                </span>
                            </li>
                            <li><textarea name="comment"></textarea></li>
                            <li><span>验证码：<input type="text" name="vcode">
                            <a href="javascript:;" onclick='$(this).find("img").attr("src", "${basePath}/captcha")'>
                            	<img src="${basePath }/captcha" style="width:108px;height:25px;">
                            </a></span></li>
                            <li><input type="button" value="确认提交" onclick="submitComment();"></li>
                            <input type="hidden" name="scenic_id" value="${sid }">
                        </ol>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="Rdetails fr">
    	<div class="S1right fr">
                <h3><span>热点介绍</span><strong class="fr"><a href="#">更多></a></strong></h3>
                <dl>
            	<dt><img src="${basePath }/images/arderticket/S1rightdt.png"></dt>
                <dd>
                	<a href="#">尼泊尔安娜普尔纳大环+POON</a>
                    <p>￥190</p>
                </dd>
                <div class="clear"></div>
            </dl>
           		<dl>
            	<dt><img src="${basePath }/images/arderticket/S1rightdt.png"></dt>
                <dd>
                	<a href="#">尼泊尔安娜普尔纳大环+POON</a>
                    <p>￥190</p>
                </dd>
                <div class="clear"></div>
            </dl>
                <ol class="list">
                    <li><b class="light">1</b><span class="fr">￥50</span><i class="fr">7折优惠</i><a href="#" style=" width:135px">金茂大厦八十八层观光厅</a></li>
                    <li><b class="light">2</b><span class="fr">￥50</span><i class="fr">7折优惠</i><a href="#" style=" width:135px">金茂大厦八十八层观光厅</a></li>
                    <li><b class="light">3</b><span class="fr">￥50</span><i class="fr">7折优惠</i><a href="#" style=" width:135px">金茂大厦八十八层观光厅</a></li>
                    <li><b>4</b><span class="fr">￥50</span><i class="fr">7折优惠</i><a href="#" style=" width:135px">金茂大厦八十八层观光厅</a></li>
                    <li><b>5</b><span class="fr">￥50</span><i class="fr">7折优惠</i><a href="#" style=" width:135px">金茂大厦八十八层观光厅</a></li>
                    <li><b>6</b><span class="fr">￥50</span><i class="fr">7折优惠</i><a href="#" style=" width:135px">金茂大厦八十八层观光厅</a></li>
                    <li><b>7</b><span class="fr">￥50</span><i class="fr">7折优惠</i><a href="#" style=" width:135px">金茂大厦八十八层观光厅</a></li>
                    <li><b>8</b><span class="fr">￥50</span><i class="fr">7折优惠</i><a href="#" style=" width:135px">金茂大厦八十八层观光厅</a></li>
                    <li><b>9</b><span class="fr">￥50</span><i class="fr">7折优惠</i><a href="#" style=" width:135px">金茂大厦八十八层观光厅</a></li>
                    <li><b>10</b><span class="fr">￥50</span><i class="fr">7折优惠</i><a href="#" style=" width:135px">金茂大厦八十八层观光厅</a></li>
                </ol>
            </div>
    </div>
</div> 
<div class="clear"></div>
<!--底部-->
<div id="Bfooter">
</div>
<div id="login" style="display:none">
	<div class="window">
	<div class="login">
        	<div class="Tlogin">
                <h3>会员登录</h3>
                <ol>
                	<!--出错后显示em，出错后重新填写显示em并且为input添加.false-->
                    <li><span></span><input type="text" placeholder="注册时用的手机号码"><em>手机格式不正确</em></li>
                    <li><span></span><input type="password" placeholder="请输入密码"><em>密码格式不正确</em></li>
                    <li><span></span><input type="text" placeholder="请输入验证码" style=" width:158px;"><input type="image" src="images/login/img.png"><em>验证码错误</em></li>
                    <li><input type="checkbox">保留登录信息两周内免登陆</li>
                    <li><input type="submit" value="登 录"></li>
                    <li style="text-align:center">
                        <a href="login-register.html"="#" class="light">免费注册</a>|<a href="login-RetrievePassword.html">找回密码</a>
                    </li>
                </ol>
            </div>
            <div class="friend">
                <p><a href="#" style=" background-image:url(images/login/QQ.png)"></a>
                <a href="#" style=" background-image:url(images/login/weixin.png)"></a>
                <a href="#" style=" background-image:url(images/login/weibo.png)"></a>
                <a href="#" style=" background-image:url(images/login/momo.png)"></a></p>
            </div>
        </div>
    <div class="close"></div>
    </div>
</div>
</body>
</html>
    